<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>猜数字</title>
</head>
<body>
    
    <script>
        
        // //1.产生一个 0~100之间的随机数
        // var randomNum = Math.ceil(Math.random()*100);
        // console.log(randomNum);

        // //prompt():显示用户输入的对话框
        // //参数：用来提示用户输入的信息。
        // //返回值：如果用户点击确定按钮，返回用户在输入框中输入的内容；
        // // 如果用户点击取消按钮，返回 null。

        // //2.获取用户输入的内容
        // var guess = prompt("请输入您猜的数字（0-100）");
        // console.log(guess);

        // //3.比较
        // if(randomNum > guess){
        //     alert('猜小了');
        // }
        // else if (randomNum < guess){
        //     alert('猜大了');
        // }
        // else{
        //     alert("猜对了");
        // }

        //用户有5次机会
        function guessNumber(){
            var random_num = Math.ceil(Math.random()*100);
            console.log(random_num);

            var count = 5;

            var finish = false;
            while(!finish){
                
                count--; //每循环一次，说明用户消耗了一次机会。

                var guess_num = prompt("请输入您猜的数字（0-100）");
                console.log(guess_num);
                if(count == 0){
                    if(random_num > guess_num){
                        alert('猜小了，机会已用完');
                    }
                    else if(random_num < guess_num){
                        alert('猜大了，机会已用完');
                    }
                    else{
                        alert('终于猜对了');
                    }
                    // break;
                    finish = true;
                }
                else{
                    if(random_num > guess_num){
                        alert('猜小了，还有' + count + '次机会');
                    }
                    else if(random_num < guess_num){
                        alert('猜大了，还有' + count + '次机会');
                    }
                    else{
                        alert('猜对了');
                        finish = true;
                    }
                }

                

            }

        }

        guessNumber();



    </script>

</body>
</html>